/* page{background: #F2F2F7; color: #333333;} */
/*布局处理  清除浮动*/
.wordWrap{word-wrap: break-word;word-break: break-all;white-space: pre-line;}/*字符换行*/
.flexw {flex-wrap: wrap;}
.clearfix:after{content: "020";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
.novisibility{visibility: hidden;opacity: 0;}
.flex-cen-xy {display: flex;justify-content: center;align-items: center;}
.flexc-cen-x {display: flex;align-items: center;}
.flexc-cen-y {display: flex;justify-content: center;}
.flex-y {display: flex;justify-content: center;flex-direction: column;}
.flex-xy {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flex-x {display: flex;align-items: center;flex-direction: column;}
.flex-spc-x {display: flex;align-items: center;justify-content: space-between;}
.flex-aro-x {display: flex;align-items: center;justify-content: space-around;}
.flex-l-x{display: flex;flex-wrap: nowrap;justify-content: start;} 
.flex-r-x{display: flex;flex-wrap: nowrap;justify-content: right;align-items: flex-end;}
.flex-xy-father{display: flex;align-items: center;}/*  元素靠右/左 父容器 */
.flex-r-son{flex: 1;text-align: right;}/*  元素靠右  自己靠右*/
.flol{float: left;}  .flor{float: right;}/* 浮动 */
.inlineB{display: inline-block;}/* 行内块 */
.posa{position: absolute;}  .posr{position: relative;}/* 相对绝对定位 */
.borderBott{bottom: 2rpx; left: 0; background:#1b69fd; opacity: 0.8; height: 12rpx;}   /* 底部绝对定位的底纹 */
.verticalM{vertical-align: middle;}  .verticalT{vertical-align: top;}/* 图片icon  vertical*/
/* 宽高容器处理   百分比*/
.flowY{overflow-y: auto;}





/* 字体字重字符颜色处理 */
.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}


/* 背景颜色 */
.bgF{background: #FFFFFF;}
.bgBlue{background:#22a1ff;}
.bgBlueDark{background:#317ef3;}
.bgOrange{background:#ffcd4c;}
.bgAnBlue{color:#115DD1}
.bgF2{background: #F2F6FF;}
.bge6{background: #E6E6E6;}
.bg51{background: #51B8B4;}
/* 字体颜色 */
.BrandColor{color: #409EFF}
.Success{color: #67C23A;} .Warning{color: #E6A23C;} .Danger{color: #F56C6C;} .Info{color: #909399;}
.cogold{color: #FFE063;}
.colC{color: #CCCCCC;}
.co7e{color:#7E7E7E}
.co332{color:#332F2F}
.co81{color: #818181;}
.co80{color: #808080;}
.cob3{color: #B3B3B3;}
.coBlue{color:#22a1ff;}
.coBlueDark{color:#317ef3;}
.coOrange{color:#ffcd4c;}
.co3{color: #333333;}
.coF{color: #FFFFFF;}
.co37{color: #37618C;}
.co3e{color: #3E3E3E;}
.coa9{color: #A96F41;}
.cored{color: #F73C37;}
.co51{color: #51B8B4;}

/* 阴影*/
.shadow{ box-shadow: 0 20rpx 20rpx rgb(243, 241, 241);}   


.bradioBottom{border-radius: 0 0 12rpx 12rpx  ;}




// 生成从1-100百分比备用，使用时直接w50/w60啥的即可
@for $i from 1 through 100 { 
	.w#{$i} {  width: 1% * $i ; }
	.h#{$i} {  height: 1% * $i ; }
	.vw#{$i} {  width: #{$i}vw ;}
	.vh#{$i} {  height: #{$i}vh ; } 
	}
// 生成从5到50的圆角备用，使用时直接radius3/radius4啥的即可
@for $i from 5 through 50 {
	.radius#{$i} {  
		border-radius: #{$i}rpx; overflow: hidden; 
		}
}

//边距处理
@for $i from 1 through 100 {
   .p#{$i} { padding: #{$i}rpx; }
  .pt#{$i} { padding-top: #{$i}rpx; }
  .pb#{$i} { padding-bottom: #{$i}rpx; }
  .pl#{$i} { padding-left: #{$i}rpx; }
  .pr#{$i} { padding-right: #{$i}rpx; }
  .m#{$i} { margin: #{$i}rpx; }
  .mt#{$i} { margin-top: #{$i}rpx; }
  .mb#{$i} { margin-bottom: #{$i}rpx; }
  .ml#{$i} { margin-left: #{$i}rpx; }
  .mr#{$i} { margin-right: #{$i}rpx; }
}
//字体
.fwbr{font-weight: bolder;}
@for $i from 10 through 100 {
  .fs#{$i} {font-size: #{$i}rpx;}
  .fs#{$i}w {font-size: #{$i}rpx;font-weight:bolder ;}
}



/* 超出部分... */
.textOver{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.textOverMore{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/* 底部tabbar 空出占位div */
.containDiv{width: 100vw; height: 150rpx; }
.containDiv100{width: 100vw; height: 100rpx; }
.popupLine{width:100% ;height:1px ; background:#E6E6E6;}